<style>
.noread{
	position: absolute;
    right: 30%;
    top: 0.06rem;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background: red;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    font-size: 0.50rem;
}
.carousel-inner {border-radius:0.5rem;}
.weui_btn {font-size:0.8rem;width:7rem;color:#fff;margin:0.5rem auto;border-radius:1.8rem;line-height:1.8rem}
</style>
<div class="fui-page">
<div class='fui-content' style="top:0;background:none;padding:1rem">
	<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
				<div class="carousel-inner" role="listbox" style="height:auto">
					<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.hdp">
						<a href="{{item.url}}">
							<img src="{{tomedia(item.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
						</a>
					</div>
				</div>
				<style>
						.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
						.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
				</style>
				<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
					<div class="fui-swipe-bullet" ng-repeat="item in pagedata.hdp" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
				</div>
	</div>
	<div ng-if="pagedata.linkurl && pagedata.type!=5"class="content-empty c" style="margin-top:1rem">
		<a ng-if="pagedata.type!=4 && pagedata.type!=5" class="weui_btn weui_btn_primary" href="{{pagedata.linkurl}}">
			<i class="icon icon-kefu" style="font-size:0.8rem;color:#fff"></i>
			联系客服
		</a>
		<a ng-if="pagedata.type==4" class="weui_btn weui_btn_primary" ng-click="pagedata.getmember.name=pagedata.nickname;pagedata.getmember.kefuqr='';pagedata.showqrcode=1;pagedata.openwxlink(pagedata.linkurl)">
			<i class="icon icon-kefu" style="font-size:0.8rem;color:#fff"></i>
			联系客服
		</a>
	</div>
	<div ng-if="pagedata.list.length>1" class="fixed-title" style="margin-top:1rem">
			<span class="befirst spacing">
				<span class="icon icon-fengexianzuo" style="font-size:2rem;color:#666"></span>
			 </span> 
			<span class="title-text bold" style="color:#333;line-height:2rem"><i class="icon icon-xiai syscolor" style="font-size:0.8rem;"></i> 更多客服</span> 
			<span class="spacing">
				<span class="icon icon-fengexianyou" style="font-size:2rem;color:#666"></span>
			 </span>
	</div>
	<div ng-if="pagedata.list.length>1" style="padding:0 1rem">
		<div class="fui-list-group merchgroup" style="border-radius:0.5rem;">
				<div class="fui-list jump" ng-repeat="item in pagedata.list" ng-if="item.type!=5 && (item.type < 4 || item.type ==7)" ng-click="access_json(item.linkurl)">
					<a class="fui-list-media">
						<img class="round" src="{{tomedia(item.picurl) || '../core/resource/images/nopic.jpg'}}" />
					</a>
					<a class="fui-list-inner" href="{{item.linkurl}}">
						<div class="title">{{item.nickname}}</div>
					</a>
					<a ng-if="item.kefuqr" ng-click="pagedata.getmember.name=item.nickname;pagedata.getmember.kefuqr=item.kefuqr;pagedata.showqrcode=1" class="fui-list-media" href="javascript:;">
						<img style="width:1.5rem;height:1.5rem" class="round" src="../core/resource/images/code.jpg" />
					</a>
					<a class="jump" style="padding-right: 0.2rem; height: 2rem; width: 2rem; text-align: center; line-height: 2rem;" href="{{item.linkurl}}" data-nocache="true">
						<i class="icon jinyunicon icon-kefu syscolor"></i>
					</a>
				</div>
				<div class="fui-list jump" ng-repeat="item in pagedata.list" ng-if="item.type!=5 && (item.type > 3 && item.type !=7 && item.type!=9)" ng-click="pagedata.getmember.name=item.nickname;pagedata.getmember.kefuqr='';pagedata.showqrcode=1;pagedata.openwxlink(item.linkurl)">
					<a class="fui-list-media">
						<img class="round" src="{{tomedia(item.picurl) || '../core/resource/images/nopic.jpg'}}" />
					</a>
					<a class="fui-list-inner" href="{{item.linkurl}}">
						<div class="title">{{item.nickname}}</div>
					</a>
					<a ng-if="item.kefuqr" ng-click="pagedata.getmember.name=item.nickname;pagedata.getmember.kefuqr=item.kefuqr;pagedata.showqrcode=1" class="fui-list-media" href="javascript:;">
						<img style="width:1.5rem;height:1.5rem" class="round" src="../core/resource/images/code.jpg" />
					</a>
					<a class="jump"  style="padding-right: 0.2rem; height: 2rem; width: 2rem; text-align: center; line-height: 2rem;" href="javascript:;"  data-nocache="true">
						<i class="icon jinyunicon icon-kefu syscolor"></i>
					</a>
				</div>
				<div class="fui-list jump" ng-repeat="item in pagedata.list" ng-if="item.type!=5 && item.type==9" ng-click="pagedata.getmember.name=item.nickname;pagedata.getmember.kefuqr=item.guwenkfewm;pagedata.showqrcode=1;">
					<a class="fui-list-media">
						<img class="round" src="{{tomedia(item.picurl) || '../core/resource/images/nopic.jpg'}}" />
					</a>
					<a class="fui-list-inner" href="{{item.linkurl}}">
						<div class="title">{{item.nickname}}</div>
					</a>
					<a class="jump"  style="padding-right: 0.2rem; height: 2rem; width: 2rem; text-align: center; line-height: 2rem;" href="javascript:;"  data-nocache="true">
						<i class="icon jinyunicon icon-kefu syscolor"></i>
					</a>
				</div>
		</div>
	</div>
	<div class="content-empty" ng-show="!pagedata.list || pagedata.list.length==0">
		  <i class="icon icon-cry" style="width: 6rem;margin-bottom: 0.5rem;"></i><br/><p style="color: #999;font-size: .75rem">您暂时没有客服！</p>
	</div>
	<div class="content-empty" style="margin-top:1rem" ng-if="pagedata.list.length>0">
		<a href="javascript:;" ng-click="goback()" class='btn btn-sm btn-danger-o external'style="border-radius: 100px;width:  6rem;font-size: .75rem">
			<i class="icon icon-back" style="font-size:0.8rem;"></i>
			返回页面
		</a>
	</div>
	<div ng-class="{'fui-navbar':1,'is_backpage':pagedata.is_backpage}">
		<a href="javascript:;" ng-click="access_json('jy_kefu/onehome/')" class="external nav-item" ng-class="{'active':page.action=='onehome'}">
			<span class="icon jinyunicon icon-shouye"></span>
			<span class="label">客服中心</span>
		</a>
		<a href="javascript:;" ng-click="access_json('jy_kefu/onemychat/')" class="external nav-item" ng-class="{'active':page.action=='onemychat'}">
			<span class="icon jinyunicon icon-shuffling-banner" ></span>
			<span class="label">消息管理</span>
			<span class="noread" ng-show="pagedata.noreadnum > 0">{{pagedata.noreadnum}}</span>
		</a>
	</div>
</div>
</div>
<div id="attention" ng-if="pagedata.showqrcode==1">
				<div class="attention-alert">
					<div class="attention-img"><img ng-src="{{tomedia(main.logo) || '../core/resource/images/nopic.jpg'}}" alt=""></div>
					<div ng-if="pagedata.getmember.kefuqr" class="attention-title">{{pagedata.getmember.name}}</div>
					<div ng-if="!pagedata.getmember.kefuqr" class="attention-title">进入微信公众号咨询</div>
					<div class="attention-content" style="padding: 1.2rem .8rem;">
						<div ng-if="pagedata.getmember.kefuqr" class="col-jy-2" style="text-align: center;"><img ng-src="{{tomedia(pagedata.getmember.kefuqr) || '../core/resource/images/nopic.jpg'}}" alt=""style="width: 5.35rem"></div>
						<div ng-if="!pagedata.getmember.kefuqr" class="col-jy-2" style="text-align: center;">
							<div id="qrcode-shopurl"></div>
						</div>
						<div class="col-jy-2" style="text-align: center;"><img src="../addons/jy_weishop/images/zhiwen.png" style="width: 3.3rem;margin:auto"></div>
						<p >长按指纹识别图中二维码</p>
					</div>
					<i class="icon icon-cuowu" ng-click="pagedata.showqrcode=0" style="font-size:1.5rem;color:#fff;position: absolute;top:105%;left:46%"></i>
				</div>
</div>
<script>
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
scope.pagedata.openwxlink=function(linkurl){
	scope.tool.qr(linkurl,'qrcode-shopurl','120')
}
</script>